<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>心</title>
		<style>
			div{
				width: 200px;
				height: 200px;
				background-color: #e4393c;
				margin: 300px auto;
				transform: rotate(135deg);
				opacity: .8;
				filter: drop-shadow(0 0 100px #e4393c);
				animation: heart .8s linear infinite;
				
				}
				div:before{
					content: "";
					display: block;
					width: 200px;
					height: 200px;
					background-color: #e4393c;
					border-radius: 50%;
					position: relative;
					left: -100px;
				}
				div::after{
					content: "";
					display: block;
					width: 200px;
					height: 200px;
					background-color: #e4393c;
					border-radius: 50%;
					position: relative;
					top: -100px;
				}
				@keyframes heart{
					0%{
						transform: rotate(135deg) scale(1);
					}
					30%{
						transform: rotate(135deg) scale(.8);
					}
					100%{
						transform: rotate(135deg) scale(1.2);
					}
				}
		</style>
	</head>
	<body>
		<div></div>
		<span>我咋</span><span>这么好看呢！</span>
		<audio src="renxi.mp3"autoplay loop></audio>
	</body>
</html>